<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML>
<html xmlns:wb="http://open.weibo.com/wb">
    <jsp:include page="../inc/header.jsp"></jsp:include>
    <div id="container">

        <div class="clearfix">
            <div class="content_l">
                <div class="fl" id="resume_name">
                    <div class="nameShow fl">
                        <h1 title="jason的简历">${requestScope.myResume.user.name}的简历</h1>
                        <a target="_blank" href="/service/user/resumePreview?id=${requestScope.myResume.user.id}">简历预览</a>
                    </div>
                </div><!--end #resume_name-->
                <div class="fr c5" id="lastChangedTime">最后一次更新：<span>${requestScope.myResume.updateTime} </span></div><!--end #lastChangedTime-->
                <div id="resumeScore">

                    <c:if test="${requestScope.myResume.finish eq true}">
                        <div class="which fl">
                            <div>您的简历已经完善，快去申请心仪的职位吧！</div>
                        </div>
                    </c:if>
                    <c:if test="${requestScope.myResume.finish eq false}">
                        <div class="which fl">
                            <div>您的简历还未完善，且完善后才可投递简历哦！</div>
                            <span rel="workExperience"><a>马上去完善</a></span>
                        </div>
                    </c:if>
                </div><!--end #resumeScore-->

                <div class="profile_box" id="basicInfo">
                    <h2>基本信息</h2>
                    <span class="c_edit"></span>
                    <div class="basicShow">
            			            			<span>
                                                    ${requestScope.myResume.user.name} |
                                                        ${requestScope.myResume.user.sex} |
                                                        <c:if test="${requestScope.myResume.user.education eq null}">
                                                            未设置最高学历
                                                        </c:if>
                                                        <c:if test="${requestScope.myResume.user.education ne null}">
                                                            ${requestScope.myResume.user.education.name}
                                                        </c:if>|
                                                        <c:if test="${requestScope.myResume.user.experience eq null}">
                                                            未设置工作经验
                                                        </c:if>
                                                        <c:if test="${requestScope.myResume.user.experience ne null}">
                                                            ${requestScope.myResume.user.experience.name}
                                                        </c:if>|
                                                        <c:if test="${requestScope.myResume.user.userSate eq null}">
                                                            未设置求职状态
                                                        </c:if>
                                                        <c:if test="${requestScope.myResume.user.userSate ne null}">
                                                            ${requestScope.myResume.user.userSate.name}
                                                        </c:if><br>
            			            			${requestScope.myResume.user.phone} |
                                                        <c:if test="${requestScope.myResume.user.email eq null}">
                                                            未设置邮箱
                                                        </c:if>
                                                        <c:if test="${requestScope.myResume.user.email ne null}">
                                                            ${requestScope.myResume.user.email}
                                                        </c:if><br>
                                                </span>
                        <div class="m_portrait">
                            <div></div>
                            <img id="headImg" width="120" height="120" alt="jason" src="../../static/images/${requestScope.myResume.user.pic}">
                        </div>
                    </div><!--end .basicShow-->

                    <div class="basicEdit dn">
                        <form id="profileForm">
                            <table>
                                <tbody><tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <input type="text" placeholder="姓名" value="${requestScope.myResume.user.name}" name="name" id="name">
                                        <input type="hidden" id="sex" name="sex" value="${requestScope.myResume.user.sex}">
                                    </td>
                                    <td valign="top"></td>
                                    <td>
                                        <ul class="profile_radio clearfix reset" id="selectSex">
                                            <li class="current">
                                                男<em></em>
                                                <input type="radio" checked="checked" name="gender" class="sexOption" value="男">
                                            </li>
                                            <li>
                                                女<em></em>
                                                <input type="radio" name="gender" class="sexOption"  value="女">
                                            </li>
                                            <li>
                                                保密<em></em>
                                                <input type="radio" name="gender" class="sexOption"  value="保密">
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
<%--                                        <input type="hidden" id="topDegree" value="${requestScope.myResume.user.education.id}" name="education">--%>
                                        <input type="button" value="" id="select_topDegree" class="profile_select_190 profile_select_normal">
                                        <div class="boxUpDown boxUpDown_190 dn" id="box_topDegree" style="display: none;">
                                            <ul id="topDegree" itemId="${requestScope.myResume.user.education.id}">
                                                <c:forEach items="${requestScope.education.items}" var="item">
                                                    <li value="${item.id}">${item.name}</li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </td>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
<%--                                        <input type="hidden" id="workyear" value="${requestScope.myResume.user.experience.id}" name="experience">--%>
                                        <input type="button" value="" id="select_workyear" class="profile_select_190 profile_select_normal">
                                        <div class="boxUpDown boxUpDown_190 dn" id="box_workyear" style="display: none;">
                                            <ul id="workyear" itemid="${requestScope.myResume.user.experience.id}">
                                                <c:forEach items="${requestScope.experience.items}" var="item">
                                                    <li value="${item.id}">${item.name}</li>
                                                </c:forEach>

                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td colspan="3">
                                        <input type="text" placeholder="手机号码" value="${requestScope.myResume.user.phone}" name="phone" id="tel">
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td colspan="3">
                                        <input type="text" placeholder="接收面试通知的邮箱" value="${requestScope.myResume.user.email}" name="email" id="email">
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top"> </td>
                                    <td colspan="3">
<%--                                        <input type="hidden" id="currentState" value="${requestScope.myResume.user.userSate.id}" name="userSate">--%>
                                        <input type="button" value="目前状态" id="select_currentState" class="profile_select_410 profile_select_normal">
                                        <div class="boxUpDown boxUpDown_410 dn" id="box_currentState" style="display: none;">
                                            <ul id="currentState" itemid="${requestScope.myResume.user.userSate.id}">
                                                <c:forEach items="${requestScope.userSate.items}" var="item">
                                                    <li value="${item.id}">${item.name}</li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td colspan="3">
                                        <input type="button" value="保 存" id="submitUser" class="btn_profile_save">
                                        <a class="btn_profile_cancel" href="javascript:;">取 消</a>
                                    </td>
                                </tr>
                                </tbody></table>
                        </form><!--end #profileForm-->
                        <div class="new_portrait">
                            <div class="portrait_upload" id="portraitNo">
                                <span>上传自己的头像</span>
                            </div>
                            <div class="portraitShow dn" id="portraitShow">
                                <img id="headPreview" width="120" height="120" src="">
                                <span>更换头像</span>
                            </div>
                            <input type="file" value="" title="支持jpg、jpeg、gif、png格式，文件小于5M"  name="headPic" id="headPic" class="myfiles">
                            <!-- <input type="hidden" id="headPicHidden" /> -->
                            <em>
                                尺寸：120*120px <br>
                                大小：小于5M
                            </em>
                            <span style="display:none;" id="headPic_error" class="error"></span>
                        </div><!--end .new_portrait-->
                    </div><!--end .basicEdit-->
                    <input type="hidden" id="nameVal" value="${requestScope.myResume.user.name}">
                    <input type="hidden" id="genderVal" value="${requestScope.myResume.user.sex}">
                    <input type="hidden" id="topDegreeVal" value="${requestScope.myResume.user.education.name}">
                    <input type="hidden" id="workyearVal" value="${requestScope.myResume.user.experience.name}">
                    <input type="hidden" id="currentStateVal" value="${requestScope.myResume.user.userSate.name}">
                    <input type="hidden" id="emailVal" value="${requestScope.myResume.user.email}">
                    <input type="hidden" id="telVal" value="${requestScope.myResume.user.phone}">
                    <input type="hidden" id="pageType" value="1">
                </div><!--end #basicInfo-->

                <div class="profile_box" id="expectJob">
                    <h2>期望工作</h2>
                    <span class="c_edit dn"></span>
                    <c:forEach items="${requestScope.myResume.expectationList}" var="expectation" varStatus="stat">
                        <div class="expectShow" style="display: block">
                            <span>${stat.count}.</span>
                        <span>${expectation.city.name} |  ${expectation.kind.name} |  ${expectation.postion} | ${expectation.salary.name}<br>
            			</span>
                        </div><!--end .expectShow-->
                    </c:forEach>
                    <div class="expectEdit dn">
                        <form id="expectForm">
                            <table>
                                <tbody><tr>
                                    <td>
                                        <input type="hidden" id="expectCity" value="" name="expectCity">
                                        <input type="button" value="期望城市，如：北京" cid="" id="select_expectCity" class="profile_select_287 profile_select_normal">
                                        <div class="boxUpDown boxUpDown_596 dn" id="box_expectCity" style="display: none;">
                                            <c:forEach items="${requestScope.provinceCityRegion}" var="provinceCityRegion">
                                            <dl>
                                                <dt>${provinceCityRegion.name}</dt>

                                                    <dd>
                                                        <c:forEach items="${provinceCityRegion.provinceCityRegionList}" var="provinceCityRegion1">
                                                        <span class="city" cid="${provinceCityRegion1.id}">${provinceCityRegion1.name}</span>
                                                        </c:forEach>
                                                    </dd>
                                            </dl>
                                            </c:forEach>
                                        </div>
                                    </td>
                                    <td>
                                        <ul class="profile_radio clearfix reset" id="expectKind" kid="">
                                            <c:forEach items="${requestScope.kind.items}" var="item">
                                                <li>
                                                    ${item.name}<em></em>
                                                    <input type="radio" checked="" name="type" kid="${item.id}" value="${item.name}">
                                                </li>
                                            </c:forEach>
                                        </ul>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="text" placeholder="期望职位，如：产品经理" value="" name="expectPosition" id="expectPosition">
                                    </td>
                                    <td>
                                        <input type="hidden" id="expectSalary" value="" name="expectSalary">
                                        <input type="button" value="期望月薪" id="select_expectSalary" class="profile_select_287 profile_select_normal">
                                        <div class="boxUpDown boxUpDown_287 dn" id="box_expectSalary" itemId="" style="display: none;">
                                            <ul>
                                                <c:forEach items="${requestScope.salary.items}" var="item">
                                                    <li itemId="${item.id}">${item.name}</li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="button" value="保 存" id="submitExpect" class="btn_profile_save">
                                        <a class="btn_profile_cancel" href="javascript:;">取 消</a>
                                    </td>
                                </tr>
                                </tbody></table>
                        </form><!--end #expectForm-->
                    </div><!--end .expectEdit-->
                    <div class="expectAdd pAdd">
                        填写准确的期望工作能大大提高求职成功率哦…<br>
                        快来添加期望工作吧！
                        <span>添加期望工作</span>
                    </div><!--end .expectAdd-->
                    <input type="hidden" id="expectJobVal" value="">
                    <input type="hidden" id="expectCityVal" value="">
                    <input type="hidden" id="typeVal" value="">
                    <input type="hidden" id="expectPositionVal" value="">
                    <input type="hidden" id="expectSalaryVal" value="">
                </div><!--end #expectJob-->

                <div class="profile_box" id="workExperience">
                    <h2>工作经历  <span> （投递简历时必填）</span></h2>
                    <span class="c_add dn"></span>
                    <c:forEach items="${requestScope.myResume.workExperienceList}" var="workExperience">
                    <div class="experienceShow" style="display: block">
                        <ul class="wlist clearfix">
                            <li class="clear">
                                <span class="c9">
                                        <fmt:formatDate value="${workExperience.entryTime}" pattern="yyyy-MM"/>--
                                        <fmt:formatDate value="${workExperience.resignTime}" pattern="yyyy-MM"/></span>
                                <div>
                                    <img width="56" height="56" alt="上海辉硕科技有限公司" src="../../static/images/logo_default.png">
                                    <h3>${workExperience.positionName} </h3>
                                    <h4>${workExperience.companyName}</h4>
                                    <h4>${workExperience.jobDescription}</h4>
                                </div>
                            </li>
                        </ul>
                    </div><!--end .experienceShow-->
                    </c:forEach>
                    <div class="experienceEdit dn">
                        <form class="experienceForm">
                            <table>
                                <tbody><tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <input type="text" placeholder="公司名称" id="companyName" name="companyName" class="companyName">
                                    </td>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <input type="text" placeholder="职位名称，如：产品经理" id="positionName" name="positionName" class="positionName">
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <div class="fl">
                                            <input type="hidden" id="companyYearStart" class="companyYearStart" value="" name="companyYearStart">
                                            <input type="button" value="开始年份" class="profile_select_139 profile_select_normal select_companyYearStart">
                                            <div class="box_companyYearStart boxUpDown boxUpDown_139 dn" style="display: none;">
                                                <ul>
                                                    <li>2020</li>
                                                    <li>2019</li>
                                                    <li>2018</li>
                                                    <li>2017</li>
                                                    <li>2016</li>
                                                    <li>2015</li>
                                                    <li>2014</li>
                                                    <li>2013</li>
                                                    <li>2012</li>
                                                    <li>2011</li>
                                                    <li>2010</li>
                                                    <li>2009</li>
                                                    <li>2008</li>
                                                    <li>2007</li>
                                                    <li>2006</li>
                                                    <li>2005</li>
                                                    <li>2004</li>
                                                    <li>2003</li>
                                                    <li>2002</li>
                                                    <li>2001</li>
                                                    <li>2000</li>
                                                    <li>1999</li>
                                                    <li>1998</li>
                                                    <li>1997</li>
                                                    <li>1996</li>
                                                    <li>1995</li>
                                                    <li>1994</li>
                                                    <li>1993</li>
                                                    <li>1992</li>
                                                    <li>1991</li>
                                                    <li>1990</li>
                                                    <li>1989</li>
                                                    <li>1988</li>
                                                    <li>1987</li>
                                                    <li>1986</li>
                                                    <li>1985</li>
                                                    <li>1984</li>
                                                    <li>1983</li>
                                                    <li>1982</li>
                                                    <li>1981</li>
                                                    <li>1980</li>
                                                    <li>1979</li>
                                                    <li>1978</li>
                                                    <li>1977</li>
                                                    <li>1976</li>
                                                    <li>1975</li>
                                                    <li>1974</li>
                                                    <li>1973</li>
                                                    <li>1972</li>
                                                    <li>1971</li>
                                                    <li>1970</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="fl">
                                            <input type="hidden" id="companyMonthStart" class="companyMonthStart" value="" name="companyMonthStart">
                                            <input type="button" value="开始月份" class="profile_select_139 profile_select_normal select_companyMonthStart">
                                            <div style="display: none;" class="box_companyMonthStart boxUpDown boxUpDown_139 dn">
                                                <ul>
                                                    <li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li><li>12</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </td>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <div class="fl">
                                            <input type="hidden" id="companyYearEnd" class="companyYearEnd" value="" name="companyYearEnd">
                                            <input type="button" value="结束年份" class="profile_select_139 profile_select_normal select_companyYearEnd">
                                            <div class="box_companyYearEnd  boxUpDown boxUpDown_139 dn" style="display: none;">
                                                <ul>
                                                    <li>2020</li>
                                                    <li>2019</li>
                                                    <li>2018</li>
                                                    <li>2017</li>
                                                    <li>2016</li>
                                                    <li>2015</li>
                                                    <li>2014</li>
                                                    <li>2013</li>
                                                    <li>2012</li>
                                                    <li>2011</li>
                                                    <li>2010</li>
                                                    <li>2009</li>
                                                    <li>2008</li>
                                                    <li>2007</li>
                                                    <li>2006</li>
                                                    <li>2005</li>
                                                    <li>2004</li>
                                                    <li>2003</li>
                                                    <li>2002</li>
                                                    <li>2001</li>
                                                    <li>2000</li>
                                                    <li>1999</li>
                                                    <li>1998</li>
                                                    <li>1997</li>
                                                    <li>1996</li>
                                                    <li>1995</li>
                                                    <li>1994</li>
                                                    <li>1993</li>
                                                    <li>1992</li>
                                                    <li>1991</li>
                                                    <li>1990</li>
                                                    <li>1989</li>
                                                    <li>1988</li>
                                                    <li>1987</li>
                                                    <li>1986</li>
                                                    <li>1985</li>
                                                    <li>1984</li>
                                                    <li>1983</li>
                                                    <li>1982</li>
                                                    <li>1981</li>
                                                    <li>1980</li>
                                                    <li>1979</li>
                                                    <li>1978</li>
                                                    <li>1977</li>
                                                    <li>1976</li>
                                                    <li>1975</li>
                                                    <li>1974</li>
                                                    <li>1973</li>
                                                    <li>1972</li>
                                                    <li>1971</li>
                                                    <li>1970</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="fl">
                                            <input type="hidden" id="companyMonthEnd" class="companyMonthEnd" value="" name="companyMonthEnd">
                                            <input type="button" value="结束月份" class="profile_select_139 profile_select_normal select_companyMonthEnd">
                                            <div style="display: none;" class="box_companyMonthEnd boxUpDown boxUpDown_139 dn">
                                                <ul>
                                                    <li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li><li>12</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="4">
                                        <textarea name="" id="jobDescription" placeholder="请输入您的职位描述"></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td colspan="3">
                                        <input type="button" id="submitWorkExperience" value="保 存" class="btn_profile_save">
                                        <a class="btn_profile_cancel" href="javascript:;">取 消</a>
                                    </td>
                                </tr>
                                </tbody></table>
                            <input type="hidden" class="expId" value="">
                        </form><!--end .experienceForm-->
                    </div><!--end .experienceEdit-->

                    <div class="experienceAdd pAdd">
                        工作经历最能体现自己的工作能力，<br>
                        且完善后才可投递简历哦！
                        <span>添加工作经历</span>
                    </div><!--end .experienceAdd-->
                </div><!--end #workExperience-->

                <div class="profile_box" id="educationalBackground">
                    <h2>教育背景<span>（投递简历时必填）</span></h2>
                    <span class="c_add dn"></span>
                    <c:forEach items="${requestScope.myResume.eduExperienceList}" var="eduExperience">
                    <div class="educationalShow" style="display: block">
                        <ul class="elist clearfix">
                            <li class="clear">
                                <span class="c9">
                                        <fmt:formatDate value="${eduExperience.entryTime}" pattern="yyyy"/>--
                                        <fmt:formatDate value="${eduExperience.graductionTime}" pattern="yyyy"/></span>
                                <div>
                                    <h3>${eduExperience.schoolName}</h3>
                                    <h4>${eduExperience.profession}，${eduExperience.education.name}，${eduExperience.fulltime.name}</h4>
                                </div>
                            </li>
                        </ul>
                    </div><!--end .educationalShow-->
                    </c:forEach>
                    <div class="educationalEdit dn">
                        <form class="educationalForm">
                            <table>
                                <tbody><tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <input type="text" placeholder="学校名称" id="schoolName" name="schoolName" class="schoolName">
                                    </td>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <input type="hidden" class="degree" value="" name="degree">
                                        <input type="button" value="学历" class="profile_select_287 profile_select_normal select_degree">
                                        <div id="education" value="" class="box_degree boxUpDown boxUpDown_287 dn" style="display: none;">
                                            <ul>
                                                <c:forEach items="${requestScope.education.items}" var="item">
                                                    <li itemid="${item.id}">${item.name}</li>
                                                </c:forEach>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <input type="text" placeholder="专业名称" id="professionalName" name="professionalName" class="professionalName">
                                    </td>
                                    <td valign="top">
                                        <span class="redstar">*</span>
                                    </td>
                                    <td>
                                        <div class="fl">
                                            <input type="hidden" id="schoolYearStart" class="schoolYearStart" value="" name="schoolYearStart">
                                            <input type="button" value="开始年份" class="profile_select_139 profile_select_normal select_schoolYearStart">
                                            <div class="box_schoolYearStart boxUpDown boxUpDown_139 dn" style="display: none;">
                                                <ul>
                                                    <li>2020</li>
                                                    <li>2019</li>
                                                    <li>2018</li>
                                                    <li>2017</li>
                                                    <li>2016</li>
                                                    <li>2015</li>
                                                    <li>2014</li>
                                                    <li>2013</li>
                                                    <li>2012</li>
                                                    <li>2011</li>
                                                    <li>2010</li>
                                                    <li>2009</li>
                                                    <li>2008</li>
                                                    <li>2007</li>
                                                    <li>2006</li>
                                                    <li>2005</li>
                                                    <li>2004</li>
                                                    <li>2003</li>
                                                    <li>2002</li>
                                                    <li>2001</li>
                                                    <li>2000</li>
                                                    <li>1999</li>
                                                    <li>1998</li>
                                                    <li>1997</li>
                                                    <li>1996</li>
                                                    <li>1995</li>
                                                    <li>1994</li>
                                                    <li>1993</li>
                                                    <li>1992</li>
                                                    <li>1991</li>
                                                    <li>1990</li>
                                                    <li>1989</li>
                                                    <li>1988</li>
                                                    <li>1987</li>
                                                    <li>1986</li>
                                                    <li>1985</li>
                                                    <li>1984</li>
                                                    <li>1983</li>
                                                    <li>1982</li>
                                                    <li>1981</li>
                                                    <li>1980</li>
                                                    <li>1979</li>
                                                    <li>1978</li>
                                                    <li>1977</li>
                                                    <li>1976</li>
                                                    <li>1975</li>
                                                    <li>1974</li>
                                                    <li>1973</li>
                                                    <li>1972</li>
                                                    <li>1971</li>
                                                    <li>1970</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="fl">
                                            <input type="hidden" id="schoolYearEnd" class="schoolYearEnd" value="" name="schoolYearEnd">
                                            <input type="button" value="结束年份" class="profile_select_139 profile_select_normal select_schoolYearEnd">
                                            <div class="box_schoolYearEnd  boxUpDown boxUpDown_139 dn" style="display: none;">
                                                <ul>
                                                    <li>2020</li>
                                                    <li>2019</li>
                                                    <li>2018</li>
                                                    <li>2017</li>
                                                    <li>2016</li>
                                                    <li>2015</li>
                                                    <li>2014</li>
                                                    <li>2013</li>
                                                    <li>2012</li>
                                                    <li>2011</li>
                                                    <li>2010</li>
                                                    <li>2009</li>
                                                    <li>2008</li>
                                                    <li>2007</li>
                                                    <li>2006</li>
                                                    <li>2005</li>
                                                    <li>2004</li>
                                                    <li>2003</li>
                                                    <li>2002</li>
                                                    <li>2001</li>
                                                    <li>2000</li>
                                                    <li>1999</li>
                                                    <li>1998</li>
                                                    <li>1997</li>
                                                    <li>1996</li>
                                                    <li>1995</li>
                                                    <li>1994</li>
                                                    <li>1993</li>
                                                    <li>1992</li>
                                                    <li>1991</li>
                                                    <li>1990</li>
                                                    <li>1989</li>
                                                    <li>1988</li>
                                                    <li>1987</li>
                                                    <li>1986</li>
                                                    <li>1985</li>
                                                    <li>1984</li>
                                                    <li>1983</li>
                                                    <li>1982</li>
                                                    <li>1981</li>
                                                    <li>1980</li>
                                                    <li>1979</li>
                                                    <li>1978</li>
                                                    <li>1977</li>
                                                    <li>1976</li>
                                                    <li>1975</li>
                                                    <li>1974</li>
                                                    <li>1973</li>
                                                    <li>1972</li>
                                                    <li>1971</li>
                                                    <li>1970</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span class="redstar">*</span></td>
                                    <td><h2>是否统招:</h2></td>
                                    <td colspan="2">
                                        <select id="fulltime" style="margin-top: 0px;width: 200px;height: 35px">
                                            <option>--请选择--</option>
                                            <c:forEach items="${requestScope.fulltime.items}" var="item">
                                                <option value="${item.id}">${item.name}</option>
                                            </c:forEach>
                                        </select>
                                    </td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td colspan="3">
                                        <input type="button" id="submitEduExperience" value="保 存" class="btn_profile_save">
                                        <a class="btn_profile_cancel" href="javascript:;">取 消</a>
                                    </td>
                                </tr>
                                </tbody></table>
                            <input type="hidden" class="eduId" value="">
                        </form><!--end .educationalForm-->
                    </div><!--end .educationalEdit-->
                    <div class="educationalAdd pAdd">
                        教育背景可以充分体现你的学习和专业能力，<br>
                        且完善后才可投递简历哦！
                        <span>添加教育经历</span>
                    </div><!--end .educationalAdd-->
                </div><!--end #educationalBackground-->

                <div class="profile_box" id="selfDescription">
                    <h2>自我描述</h2>
                    <span class="c_edit dn"></span>
                    <div class="descriptionShow dn"></div><!--end .descriptionShow-->
                    <div class="descriptionEdit">
                        <form class="descriptionForm">
                            <table>
                                <tbody><tr>
                                    <td colspan="2">
                                        <textarea class="selfDescription s_textarea" name="selfDescription" id="introduction" placeholder="${requestScope.myResume.introduction}"></textarea>
                                        <div class="word_count">你还可以输入 <span>500</span> 字</div>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="hidden" name="userId" value="${requestScope.myResume.user.id}">
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="button" value="保 存" id="submitIntroduction" class="btn_profile_save">
                                    </td>
                                </tr>
                                </tbody></table>
                        </form><!--end .descriptionForm-->
                    </div><!--end .descriptionEdit-->
                </div><!--end #selfDescription-->
                <input type="hidden" id="resumeId" value="${requestScope.myResume.id}">
            </div><!--end .content_l-->
            <div class="content_r">
                <div class="mycenterR" id="myInfo">
                    <h2>我收藏的职位</h2>
                    <a target="_blank" href="/service/user/myCollection">去看看</a>
                </div><!--end #myInfo-->


                <div class="greybg qrcode mt20">
                    <img width="242" height="242" alt="拉勾微信公众号二维码" src="../../static/images/qr_resume.png">
                    <span class="c7">微信扫一扫，轻松找工作</span>
                </div>
            </div><!--end .content_r-->
        </div>

        <input type="hidden" id="userid" name="userid" value="314873">

        <!-------------------------------------弹窗lightbox ----------------------------------------->
        <div style="display:none;">
            <!-- 上传简历 -->
            <div class="popup" id="uploadFile">
                <table width="100%">
                    <tbody><tr>
                        <td align="center">
                            <form>
                                <a class="btn_addPic" href="javascript:void(0);">
                                    <span>选择上传文件</span>
                                    <input type="file" onchange="file_check(this,'h/nearBy/updateMyResume.json','resumeUpload')" class="filePrew" id="resumeUpload" name="newResume" size="3" title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" tabindex="3">
                                </a>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td align="left">支持word、pdf、ppt、txt、wps格式文件<br>文件大小需小于10M</td>
                    </tr>
                    <tr>
                        <td align="left" style="color:#dd4a38; padding-top:10px;">注：若从其它网站下载的word简历，请将文件另存为.docx格式后上传</td>
                    </tr>
                    <tr>
                        <td align="center"><img width="55" height="16" alt="loading" style="visibility: hidden;" id="loadingImg" src="../../static/images/loading.gif"></td>
                    </tr>
                    </tbody></table>
            </div><!--/#uploadFile-->

            <!-- 简历上传成功 -->
            <div class="popup" id="uploadFileSuccess">
                <h4>简历上传成功！</h4>
                <table width="100%">
                    <tbody><tr>
                        <td align="center"><p>你可以将简历投给你中意的公司了。</p></td>
                    </tr>
                    <tr>
                        <td align="center"><a class="btn_s" href="javascript:;">确&nbsp;定</a></td>
                    </tr>
                    </tbody></table>
            </div><!--/#uploadFileSuccess-->

            <!-- 没有简历请上传 -->
            <div class="popup" id="deliverResumesNo">
                <table width="100%">
                    <tbody><tr>
                        <td align="center"><p class="font_16">你在拉勾还没有简历，请先上传一份</p></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <form>
                                <a class="btn_addPic" href="javascript:void(0);">
                                    <span>选择上传文件</span>
                                    <input type="file" onchange="file_check(this,'h/nearBy/updateMyResume.json','resumeUpload1')" class="filePrew" id="resumeUpload1" name="newResume" size="3" title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M">
                                </a>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">支持word、pdf、ppt、txt、wps格式文件，大小不超过10M</td>
                    </tr>
                    </tbody></table>
            </div><!--/#deliverResumesNo-->

            <!-- 上传附件简历操作说明-重新上传 -->
            <div class="popup" id="fileResumeUpload">
                <table width="100%">
                    <tbody><tr>
                        <td>
                            <div class="f18 mb10">请上传标准格式的word简历</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="f16">
                                操作说明：<br>
                                打开需要上传的文件 - 点击文件另存为 - 选择.docx - 保存
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <a title="上传附件简历" href="#uploadFile" class="inline btn cboxElement">重新上传</a>
                        </td>
                    </tr>
                    </tbody></table>
            </div><!--/#fileResumeUpload-->

            <!-- 上传附件简历操作说明-重新上传 -->
            <div class="popup" id="fileResumeUploadSize">
                <table width="100%">
                    <tbody><tr>
                        <td>
                            <div class="f18 mb10">上传文件大小超出限制</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="f16">
                                提示：<br>
                                单个附件不能超过10M，请重新选择附件简历！
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <a title="上传附件简历" href="#uploadFile" class="inline btn cboxElement">重新上传</a>
                        </td>
                    </tr>
                    </tbody></table>
            </div><!--/#deliverResumeConfirm-->

        </div>
        <!------------------------------------- end ----------------------------------------->

        <script src="../../static/js/Chart.min.js" type="text/javascript"></script>
        <script src="../../static/js/profile.min.js" type="text/javascript"></script>
        <!-- <div id="profileOverlay"></div> -->
        <div class="" id="qr_cloud_resume" style="display: none;">
            <div class="cloud">
                <img width="134" height="134" src="">
                <a class="close" href="javascript:;"></a>
            </div>
        </div>
        <script>
            var ImgPath = "";
            $(function () {
                ImgPath = $("#headImg").attr("src");
            })
            //基本信息
            //给所有性别单选框,分类下拉框选项加点击事件，选择哪个就将其value或id赋值给对应隐藏域
            $("#selectSex li :radio").click(function () {
                $("#sex").val($(this).val());
            })
            $("#box_topDegree ul li").click(function () {
                $("#topDegree").attr("itemId",$(this).val());
            })
            $("#box_workyear>ul>li").click(function () {
                $("#workyear").attr("itemId",$(this).val());
            })
            $("#box_currentState>ul>li").click(function () {
                $("#currentState").attr("itemId",$(this.val()));
            })
            //给图片添加预览事件
            window.onload = function() {
                var myFile = document.getElementById('headPic');
                var showBox = document.getElementById('portraitShow');
                myFile.onchange = function() {
                    var reader = new FileReader();
                    //该函数没有返回值，读取结果存放于reader.result
                    reader.readAsDataURL(myFile.files[0]);
                    //读取文件是异步操作，需要事件监听才能查看
                    reader.onload = function() {
                        //文件已读取完毕 将结果赋值给src元素
                        showBox.querySelector('img').src = reader.result;
                    }
                }
            }
            //验证用户信息并提交保存
            $("#submitUser").click(function () {
                var name = $("#name").val();
                var phone = $("#tel").val();
                var email = $("#email").val();
                var nameExp = /^[\u4e00-\u9fa5]{2,4}$/;
                var phoneExp = /^1(?:3\d|4[4-9]|5[0-35-9]|6[67]|7[013-8]|8\d|9\d)\d{8}$/;
                var emailExp = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}$/;
                if(!nameExp.test(name))
                {
                    alert("非法的用户名");
                    return;
                }
                if(!phoneExp.test(phone))
                {
                    alert("非法的手机号码");
                    return;
                }
                if(!emailExp.test(email))
                {
                    alert("非法的邮箱地址");
                    return;
                }
                var sex = $("#sex").val();
                var education = $("#topDegree").attr("itemId");
                var experience = $("#workyear").attr("itemId");
                var userSate = $("#currentState").attr("itemId");
                var pic = "${requestScope.myResume.user.pic}";
                var newPath = $("#headPreview").attr("src");
                //如果文件路径更改，不是原图片路径
                if(newPath!=ImgPath)
                {
                    let file = $("#headPic")[0].files[0];
                    //把文件上传到服务器并返回文件的名字
                    var formData = new FormData();
                    formData.append('file',file);  //添加图片信息的参数
                    $.ajax({
                        url: '/service/user/updatePic',
                        type: 'POST',
                        async:false,
                        cache: false, //上传文件不需要缓存
                        data: formData,
                        processData: false, // 告诉jQuery不要去处理发送的数据
                        contentType: false, // 告诉jQuery不要去设置Content-Type请求头
                        success: function (mes) {
                            if(mes=="extError")
                            {
                                alert("图片格式错误，请重新上传");
                                return;
                            }
                            pic = mes;
                        },
                        error:function () {
                            alert("您的头像上传失败，请重新上传");
                        }
                    })
                }
                $.ajax({
                    type:"post",
                    url:"/service/user/updateUser",
                    data:{
                        id:${requestScope.myResume.user.id},
                        recuitId:${requestScope.myResume.id},
                        name:name,
                        sex:sex,
                        education:education,
                        experience:experience,
                        phone:phone,
                        email:email,
                        userSate:userSate,
                        pic:pic
                    },
                    success:function () {

                        alert("您的基本资料已更新");
                    }
                })
            })

            //期望工作
            //给城市下拉列表添加事件，将城市id赋值给按钮
            $(".city").click(function () {
                $("#select_expectCity").attr("cid",$(this).attr("cid"));
            })
            //给期望工作性质单选框添加事件，将id赋值给对应组件
            $("#expectKind li :radio").click(function () {
                $("#expectKind").attr("kid",$(this).attr("kid"));
            })
            //给期望薪资下拉列表添加事件，将id赋值给对应组件
            $("#box_expectSalary ul li").click(function () {
                $("#box_expectSalary").attr("itemId",$(this).attr("itemId"));
            })
            //验证期望并提交保存
            $("#submitExpect").click(function () {
                var city = $("#select_expectCity").attr("cid");
                var kind = $("#expectKind").attr("kid");
                var postion = $("#expectPosition").val();
                var salary = $("#box_expectSalary").attr("itemId");
                if(city=="")
                {
                    alert("请选择期望工作城市");
                    return;
                }
                if(kind=="")
                {
                    alert("请选择期望工作性质");
                    return;
                }
                if(postion=="")
                {
                    alert("请填写期望工作岗位");
                    return;
                }
                if(salary=="")
                {
                    alert("请选择期望工作待遇");
                    return;
                }
                $.ajax({
                    type:"post",
                    url:"/service/user/insertExpectation",
                    data:{
                        recuitId:${requestScope.myResume.id},
                        city:city,
                        kind:kind,
                        postion:postion,
                        salary:salary
                        },
                    success:function () {
                        alert("您的期望职位添加成功");
                    }
                })
            })

            //工作经验
            //验证工作经验并保存提交
            $(".box_companyYearStart ul li").click(function () {
                $("#companyYearStart").val($(this).html());
            })
            $(".box_companyMonthStart ul li").click(function () {
                $("#companyMonthStart").val($(this)).html();
            })
            $(".box_companyYearEnd ul li").click(function () {
                $("#companyYearEnd").val($(this).html());
                alert($("#companyYearEnd").val());
            })
            $(".box_companyMonthEnd ul li").click(function () {
                $("#companyMonthEnd").val($(this).html());
                alert($("#companyMonthEnd").val());
            })
            $("#submitWorkExperience").click(function () {
                var companyName = $("#companyName").val();
                var positionName = $("#positionName").val();
                var jobDescription = $("#jobDescription").val();
                var yearStart = $("#companyYearStart").val();
                var monthStart = $("#companyMonthStart").val();
                var yearEnd = $("#companyYearEnd").val();
                var monthEnd = $("#companyMonthEnd").val();
                if(companyName=="")
                {
                    alert("请填写您曾经所在的公司");
                    return;
                }
                if(positionName=="")
                {
                    alert("请填写您曾经从事的职位");
                    return;
                }
                if(jobDescription.length>500)
                {
                    alert("职位描述超出字数限制");
                    return;
                }
                if(yearStart==""||yearEnd==""||monthStart==""||monthEnd=="")
                {
                    alert("请选择工作经历开始与结束时间");
                    return;
                }
                if(yearEnd<yearStart)
                {
                    alert("结束时间不可早于开始时间");
                    return;
                }
                if(yearEnd==yearStart)
                {
                    if(monthEnd<monthStart)
                    {
                        alert("结束时间不可早于开始时间");
                        return;
                    }
                }

                var timeStart = yearStart+"-"+monthStart;
                var timeEnd = yearEnd+"-"+monthEnd;
                $.ajax({
                    type:"post",
                    url:"/service/user/insertWorkExperience",
                    data:{
                        recuitId: ${requestScope.myResume.id},
                        companyName:companyName,
                        positionName:positionName,
                        jobDescription:jobDescription,
                        timeStart:timeStart,
                        timeEnd:timeEnd
                    },
                    success:function () {
                        alert("您的工作经历添加成功");
                    }
                })
            })

            //教育经历
            //给学历下拉列表添加事件，将id赋值给对应组件
            $(".box_degree ul li").click(function () {
                $("#education").val($(this).attr("itemid"));
            })
            //给年份下拉列表添加事件，赋值给对应组件
            $(".box_schoolYearStart ul li").click(function () {
                $("#schoolYearStart").val($(this).html());
            })
            $(".box_schoolYearEnd ul li").click(function () {
                $("#schoolYearEnd").val($(this).html());
            })
            //验证教育经历并保存提交
            $("#submitEduExperience").click(function () {
                var schoolName = $("#schoolName").val();
                var education = $("#education").val();
                var professionalName = $("#professionalName").val();
                var fulltime = $("#fulltime").val();
                var yearStart = $("#schoolYearStart").val();
                var yearEnd = $("#schoolYearEnd").val();
                if(schoolName=="")
                {
                    alert("请填写您曾就读的学校名称");
                    return;
                }
                if(education=="")
                {
                    alert("请选择学历");
                    return;
                }
                if(professionalName=="")
                {
                    alert("请填写您曾就读的专业名称");
                    return;
                }
                if(fulltime=="")
                {
                    alert("请选择是否统招");
                    return;
                }
                if(yearStart>=yearEnd)
                {
                    alert("毕业年份必须晚于入学年份");
                    return;
                }
                $.ajax({
                    type:"post",
                    url:"/service/user/insertEduExperience",
                    data:{
                        recuitId:${requestScope.myResume.id},
                        schoolName:schoolName,
                        education:education,
                        professionalName:professionalName,
                        fulltime:fulltime,
                        yearStart:yearStart,
                        yearEnd:yearEnd
                    },
                    success:function () {
                        alert("您的教育经历添加成功");
                    }
                })
            })

            //自我描述
            //验证自我描述字数限制并提交保存
            $("#submitIntroduction").click(function () {
                var introduction = $.trim($("#introduction").val());
                if(introduction.length>500)
                {
                    $("#introductionMsg").html("字数过多，请修改后保存");
                    $("#introduction").focus();
                    return;
                }
                $.ajax({
                    type:"post",
                    url:"/service/user/updateIntroduction",
                    data:$(".descriptionForm").serialize(),
                    success:function () {
                        alert("您的自我描述已更新");
                    }
                })
            })
        </script>
        <script>
            $(function(){
                $.ajax({
                    url:ctx+"/mycenter/showQRCode",
                    type:"GET",
                    async:false
                }).done(function(data){
                    if(data.success){
                        $('#qr_cloud_resume img').attr("src",data.content);
                    }
                });
                var sessionId = "resumeQR"+314873;
                if(!$.cookie(sessionId)){
                    $.cookie(sessionId, 0, {expires: 1});
                }
                if($.cookie(sessionId) &amp;&amp; $.cookie(sessionId) != 5){
                    $('#qr_cloud_resume').removeClass('dn');
                }
                $('#qr_cloud_resume .close').click(function(){
                    $('#qr_cloud_resume').fadeOut(200);
                    resumeQR = parseInt($.cookie(sessionId)) + 1;
                    $.cookie(sessionId, resumeQR, {expires: 1});
                });
            });
        </script>
        <div class="clear"></div>
        <input type="hidden" value="97fd449bcb294153a671f8fe6f4ba655" id="resubmitToken">
        <a rel="nofollow" title="回到顶部" id="backtop" style="display: none;"></a>
    </div><!-- end #container -->
</div><!-- end #body -->
<jsp:include page="../inc/footer.jsp"></jsp:include>

<script type="text/javascript">
    $(function(){
        $('#noticeDot-1').hide();
        $('#noticeTip a.closeNT').click(function(){
            $(this).parent().hide();
        });
    });
    var index = Math.floor(Math.random() * 2);
    var ipArray = new Array('42.62.79.226','42.62.79.227');
    var url = "ws://" + ipArray[index] + ":18080/wsServlet?code=314873";
    var CallCenter = {
        init:function(url){
            var _websocket = new WebSocket(url);
            _websocket.onopen = function(evt) {
                console.log("Connected to WebSocket server.");
            };
            _websocket.onclose = function(evt) {
                console.log("Disconnected");
            };
            _websocket.onmessage = function(evt) {
                //alert(evt.data);
                var notice = jQuery.parseJSON(evt.data);
                if(notice.status[0] == 0){
                    $('#noticeDot-0').hide();
                    $('#noticeTip').hide();
                    $('#noticeNo').text('').show().parent('a').attr('href',ctx+'/mycenter/delivery.html');
                    $('#noticeNoPage').text('').show().parent('a').attr('href',ctx+'/mycenter/delivery.html');
                }else{
                    $('#noticeDot-0').show();
                    $('#noticeTip strong').text(notice.status[0]);
                    $('#noticeTip').show();
                    $('#noticeNo').text('('+notice.status[0]+')').show().parent('a').attr('href',ctx+'/mycenter/delivery.html');
                    $('#noticeNoPage').text(' ('+notice.status[0]+')').show().parent('a').attr('href',ctx+'/mycenter/delivery.html');
                }
                $('#noticeDot-1').hide();
            };
            _websocket.onerror = function(evt) {
                console.log('Error occured: ' + evt);
            };
        }
    };
    CallCenter.init(url);
</script>

<div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div></div></body></html>